import { Image, List } from 'antd-mobile'
import React from 'react'

const CityNameListItem = ({ cityList, onCityEvent }) => {

    return (
        <>
            {
                cityList.map((item, index) => {
                    return <List.Item
                        onClick={() => onCityEvent(item.name)}
                        key={item.id}
                    >
                        {item.name}
                    </List.Item>
                })
            }
        </>
    )
}

export default CityNameListItem